@import '../common/_common.scss';
.bannerbox
{
    width: 100%;
    height: 450px;
    .slidermain
    {
        overflow: hidden;

        height: 450px;
    }
    .sliderlist
    {
        width: $px1190;
        height: 450px;
        margin: 0 auto;
        img.pic
        {
            margin-left: 220px;
        }
    }
    .slider-nav
    {
        position: relative;
        z-index: 5;
        top: -30px;

        overflow: hidden;

        width: 100%;

        text-align: center;
        span.item
        {
            line-height: 4px;

            display: inline-block;

            width: 30px;
            height: 4px;
            margin: 0 3px;

            background-color: #ddd;
        }
        span.redbg
        {
            display: inline-block;

            height: 4px;

            vertical-align: top;
        }
        span.flex-active
        {
            text-align: left;
            span.redbg
            {
                width: 0;

                background-color: #ff3a34;
            }
        }
    }
}
.recomain
{
    width: $px1190;
    margin: 0 auto;
    .recommed
    {
        position: absolute;
        z-index: 5;

        width: 220px;
        height: 450px;
        margin-left: 970px;

        background: $cfff;
        .info
        {
            padding: 8px 20px 0 20px;
            a.new
            {
                display: block;
                overflow: hidden;

                height: 18px;
                margin-bottom: 6px;

                color: $c333;
                &:hover
                {
                    color: #f60;
                }
            }
        }
    }
    .recommedbox
    {
        padding-top: 15px;
        h3
        {
            font-size: 18px;

            text-align: center;
        }
        .list
        {
            overflow: hidden;

            height: 265px;
            padding: 25px 0 20px 0;

            text-align: center;

            border-bottom: 1px solid #ddd;
            li.item
            {
                height: 265px;
            }
            .pname
            {
                overflow: hidden;

                height: 24px;
                padding-top: 22px;
            }
            .markprice
            {
                text-decoration: line-through;
            }
        }
        .toleft,
        .toright
        {
            z-index: 999;
            top: 140px;

            display: inline-block;

            width: 11px;
            height: 13px;

            cursor: pointer;
        }
        .toleft
        {
            left: 10px;

            background: url(../../img/toleft.png) no-repeat 0 0;
        }
        .toright
        {
            right: 10px;

            background: url(../../img/toright.png) no-repeat 0 0;
        }
    }
    .login
    {
        font-size: 14px;

        text-align: center;
        button
        {
            z-index: 1;

            width: 180px;
            height: 30px;
            padding: 0;

            cursor: pointer;
            text-align: center;

            color: #fff;
            border: none;
            border-radius: 3px;
            background-color: #03a9f4;
        }
    }
}
